# Counter

## Installation
`npm i @snack-uikit/counter`

[Changelog](./CHANGELOG.md)

## Example

```typescript jsx
import { Counter } from "@snack-uikit/counter";

<Counter
  value={42}
  size='m'
/>

<Counter 
  value={101}
  appearance='critical'
  variant='count-plus'
  plusLimit={100}
/>
```

[//]: DOCUMENTATION_SECTION_START
[//]: THIS_SECTION_IS_AUTOGENERATED_PLEASE_DONT_EDIT_IT
## Counter
Компонент счетчик
### Props
| name | type | default value | description |
|------|------|---------------|-------------|
| value* | `number` | - | Значение |
| appearance | enum Appearance: `"primary"`, `"neutral"`, `"red"` | primary | Внешний вид |
| variant | enum Variant: `"count"`, `"count-plus"`, `"count-k"` | count | Вариант |
| size | enum Size: `"s"`, `"m"` | s | Размер |
| plusLimit | `number` | 10 | Порог сокращения значения в формат v+. Например `1500` -> `999+` для 1000 |
| className | `string` | - | CSS-класс |
| color | enum Color: `"accent"`, `"decor"` | accent | Семантический цвет |


[//]: DOCUMENTATION_SECTION_END
